import React, { Component } from "react";
// import NProgress from "react-nprogress";
// import { Link } from "react-router-dom";
import {
    Layout,
} from "antd";
import "../../assets/less/index.less";
import "react-nprogress/nprogress.css";
// import { DDV } from "../../public/debug";


class Index extends Component {

   /* constructor(props) {
        super(props);
    }*/

    /*componentDidMount() {
        // DDV("isLogin: %o", this.state.isLogin);
    }*/

    /*fuckStart = () => {
        NProgress.start();
    };

    fuckEnd = () => {
        NProgress.done();
    };*/


    render() {

        const { Content, Sider } = Layout;

        return (
            <Layout style={{ padding: "24px 0", marginTop: 40 }}>
                <Content style={{ padding: "0 10px" }}>
                    <div style={{ padding: 24, minHeight: 280 }}>
                        <p>Content</p>
                        <p>Content</p>
                        <p>Content</p>
                        <p>Content</p>
                        <p>Content</p>
                        <p>Content</p>
                        <p>Content</p>
                        <p>Content</p>
                        <p>Content</p>
                        <p>Content</p>
                        <p>Content</p>
                        <p>Content</p>
                        <p>Content</p>
                        <p>Content</p>
                        <p>Content</p>
                        <p>Content</p>
                        <p>Content</p>
                        <p>Content</p>
                        <p>Content</p>
                        <p>Content</p>
                        <p>Content</p>
                        <p>Content</p>
                        <p>Content</p>
                        <p>Content</p>
                        <p>Content</p>
                        <p>Content</p>
                        <p>Content</p>
                        <p>Content</p>
                        <p>Content</p>
                        <p>Content</p>
                        <p>Content</p>
                        <p>Content</p>
                    </div>
                </Content>
                <Sider width={300}>
                    <div style={{ background: "#fff", padding: 24, minHeight: 280 }}>
                        <p>Content</p>
                        <p>Content</p>
                        <p>Content</p>
                        <p>Content</p>
                        <p>Content</p>
                        <p>Content</p>
                    </div>
                </Sider>
            </Layout>
        );
    }
}

export default Index;
